import React from 'react';
import { Layout, Row, Col, Typography, Divider } from 'antd';
import { Link } from 'react-router-dom';

const { Footer } = Layout;
const { Title, Text } = Typography;

const AppFooter: React.FC = () => {
  return (
    <Footer className="app-footer">
      <div className="footer-container">
        <Row gutter={[24, 24]}>
          <Col xs={24} sm={8}>
            <Title level={4}>关于我们</Title>
            <ul className="footer-links">
              <li><Link to="/about">公司简介</Link></li>
              <li><Link to="/contact">联系我们</Link></li>
              <li><Link to="/careers">加入我们</Link></li>
            </ul>
          </Col>
          <Col xs={24} sm={8}>
            <Title level={4}>帮助中心</Title>
            <ul className="footer-links">
              <li><Link to="/faq">常见问题</Link></li>
              <li><Link to="/shipping">配送方式</Link></li>
              <li><Link to="/payment">支付方式</Link></li>
              <li><Link to="/return">退换货政策</Link></li>
            </ul>
          </Col>
          <Col xs={24} sm={8}>
            <Title level={4}>联系我们</Title>
            <ul className="footer-links no-bullet">
              <li>客服电话: 400-123-4567</li>
              <li>服务时间: 09:00-22:00</li>
              <li>客服邮箱: support@seckill.com</li>
            </ul>
          </Col>
        </Row>
        
        <Divider />
        
        <div className="footer-bottom">
          <Text>© 2023 秒杀商城. 版权所有</Text>
          <div className="footer-links-bottom">
            <Link to="/terms">使用条款</Link>
            <Link to="/privacy">隐私政策</Link>
          </div>
        </div>
      </div>
    </Footer>
  );
};

export default AppFooter; 